{extend name="template/pc/cms-yuanxiao/_base.html" /}

{block name="css"}
<style type="text/css">
    @media screen and (min-width:1201px) {
        /* ----------------------------------------------------------------
        首页 - 背景图
    -----------------------------------------------------------------*/
        .index-bg {
            background: url("__TPMPLATE__pc/cms-yuanxiao/images/home/home-bg-bg1.jpg");
        }

        .container {
            width: 1200px;
        }

        .home-bg {
            position: relative;
            width: 100%;
        }

        .home-bg img {
            position: absolute;
            width: 100%;
        }

        .n-index-box {
            width: 1200px;
            margin-top: 50px;
            padding: 0 50px;
            background: #fff;
        }

        /* ----------------------------------------------------------------
        首页 - 关于企业
    -----------------------------------------------------------------*/
        .n-about-box {
            margin-top: 585px;
        }

        /* ----------------------------------------------------------------
        首页 - 数值变化
    -----------------------------------------------------------------*/
        .n-data-box {
            padding: 25px 0;
            background: url("__TPMPLATE__pc/cms-yuanxiao/images/home/data-bg.jpg");
        }

        /* ----------------------------------------------------------------
        首页 - 新闻中心
    -----------------------------------------------------------------*/
        .n-news-box {
            margin-bottom: 130px;
        }

        /* 底部 */
        .n-foot-box {
            width: 1200px;
            padding: 0 50px;
        }

        .footer-wrap-up .footer-wrap-item {
            width: 346px;
        }

        .footer-wrap-down .wrap-down-item {
            width: 356px;
        }
    }
</style>
{/block}

{block name="main"}

<div class="cont-pc">

    <div class="home-bg">
        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/home-bg1.jpg">
    </div>

    <div class="index-box h-index-one">

        <div class="container">

            <div class="n-index-box n-about-box">

                <div class="h-box cont-pc h-about-cont">

                <div class="h-about-title">

                    <div class="h-about-left">
                        <p class="h-font-en">Enterprise Website</p>
                        <h1>企业网站帮助企业宣传形象</h1>
                        <p>联雅网络是一家以策略、创意、设计、技术、服务、运营为一体的互联网公司</p>
                        <p>致力于为客户提供：品牌化、形象化、价值化，历经14年发展，服务企业15000+，并与多家上市企业与百强企业。</p>
                        <p>联雅网络是一家以策略、创意、设计、技术、服务、运营为一体的互联网公司</p>
                        <p>致力于为客户提供：品牌化、形象化、价值化，历经14年发展，服务企业15000+，并与多家上市企业与百强企业。</p>
                    </div>

                    <div class="h-about-right">
                        <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/about-img2.jpg">
                    </div>

                </div>

                <div class="h-about-list">
                    <ul>
                        <li>
                            <div class="h-about-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/one_icon1.png">
                            </div>

                            <div class="h-about-txt">
                                <h3>电脑端</h3>
                                <p class="h-about-en">Computer</p>
                                <p><span>一</span>创意为先，结合企业品牌定位，</p>
                                <p><span>一</span>品牌文化，企业理念。</p>
                                <p><span>一</span>由资深设计师为您打造</p>
                                <p><span>一</span>符合企业的品牌形象设计。</p>
                            </div>

                            <div class="h-about-line"></div>
                        </li>

                        <li>
                            <div class="h-about-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/one_icon3.png">
                            </div>

                            <div class="h-about-txt">
                                <h3>手机端</h3>
                                <p class="h-about-en">Mobile</p>
                                <p><span>一</span>创意为先，结合企业品牌定位，</p>
                                <p><span>一</span>品牌文化，企业理念。</p>
                                <p><span>一</span>由资深设计师为您打造</p>
                                <p><span>一</span>符合企业的品牌形象设计。</p>
                            </div>

                            <div class="h-about-line"></div>
                        </li>

                        <li>
                            <div class="h-about-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/one_icon2.png">
                            </div>

                            <div class="h-about-txt">
                                <h3>定制化</h3>
                                <p class="h-about-en">Customized</p>
                                <p><span>一</span>创意为先，结合企业品牌定位，</p>
                                <p><span>一</span>品牌文化，企业理念。</p>
                                <p><span>一</span>由资深设计师为您打造</p>
                                <p><span>一</span>符合企业的品牌形象设计。</p>
                            </div>

                            <div class="h-about-line"></div>
                        </li>

                        <li>
                            <div class="h-about-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/one_icon4.png">
                            </div>

                            <div class="h-about-txt">
                                <h3>H5网站</h3>
                                <p class="h-about-en">HTML5</p>
                                <p><span>一</span>创意为先，结合企业品牌定位，</p>
                                <p><span>一</span>品牌文化，企业理念。</p>
                                <p><span>一</span>由资深设计师为您打造</p>
                                <p><span>一</span>符合企业的品牌形象设计。</p>
                            </div>

                            <div class="h-about-line"></div>
                        </li>
                    </ul>
                </div>

            </div>

            </div>

        </div>

    </div>

    <div class="index-box h-index-two">

        <div class="container">

            <div class="n-index-box">

                <div class="h-case-cont">

                <div class="h-title">

                    <div class="h-title-left">
                        <p class="h-title-en">CLASSIC CASE</p>
                        <h1>经典案例</h1>
                    </div>

                    <div class="h-title-right">

                        <div class="h-title-line"></div>

                        <div class="h-title-zline"></div>

                        <div class="h-title-more">
                            <a title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-ucase-index-navid-51.html">更多案例 ></a>
                        </div>

                    </div>

                </div>

                <div class="h-case-list">
                    <ul>
					    {Dl:list db="Ucase" lang="$lang" field="a.id,a.cid,a.miaoshu,a.title,a.image,a.issue" order="a.image DESC,a.create_time asc" limit="1,6" status="1"}
                        <li>
							<a title="{$vo.title}" href="{:url('Ucase/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                <div class="h-case-img">
                                    <img alt="{$vo.title}" title="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="h-case-txt">
                                    <h3>{$vo.title??''}</h3>
                                    <p class="h-case-font">{$vo.miaoshu}</p>
                                    <p class="h-case-more">
                                        <i></i>点击查看
                                    </p>
                                </div>
                            </a>
                        </li>
						{/DL:list}
                    </ul>
                </div>

                <div class="h-more-btn">
                    <a class="more-box" title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-ucase-index-navid-51.html">查看更多</a>
                </div>

            </div>

            </div>

        </div>

    </div>

    <div class="index-box h-index-three">

        <div class="container">

            <div class="n-index-box">

                <div class="h-sout-cont">

                <div class="h-title">

                    <div class="h-title-left">
                        <p class="h-title-en">CLASSROOM</p>
                        <h1>信息学堂</h1>
                    </div>

                    <div class="h-title-right">

                        <div class="h-title-line"></div>

                        <div class="h-title-zline"></div>

                        <div class="h-title-more">
                            <a title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-classroom-index-navid-50.html">更多学堂 ></a>
                        </div>

                    </div>

                </div>

                <div class="h-sout-list img-scale">
                    <ul>
					    {Dl:list db="classroom" lang="$lang" field="a.id,a.cid,a.miaoshu,a.title,a.image,a.issue" order="a.image DESC,a.create_time asc" limit="1,6" status="1"}
                        <li>
                            <a title="{$vo.title}" href="{:url('classroom/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                <div class="h-sout-img img-hidden">
                                    <img alt="{$vo.title}" title="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="h-sout-txt">
                                    <h4>{$vo.title}</h4>
                                    <p class="h-sout-font">{$vo.miaoshu}</p>
                                    <p class="h-sout-more">
                                        <span class="h-sout-more-left">详情</span>
                                        <span class="h-sout-more-right"></span>
                                    </p>
                                </div>
                            </a>
                        </li>
					    {/DL:list}
                    </ul>
                </div>

            </div>

            </div>

        </div>

    </div>

    <div class="index-box h-index-four">

        <div class="container">

            <div class="n-index-box n-data-box">

                <div class="h-data-cont">

                <div class="h-data-list">
                    <ul>
                        <li>
                            <p class="h-data-title">专注网站设计开发领域</p>
                            <div class="h-data-count">
                                <span class="count1"></span>
                            </div>
                            <p class="h-data-num">YEAR</p>
                        </li>

                        <li>
                            <p class="h-data-title">鼎联专业团队</p>
                            <div class="h-data-count">
                                <span class="count2"></span><strong>+</strong>
                            </div>
                            <p class="h-data-num">INDIVIDUAL</p>
                        </li>

                        <li>
                            <p class="h-data-title">客户案例实施成果</p>
                            <div class="h-data-count">
                                <span class="count3"></span><strong>+</strong>
                            </div>
                            <p class="h-data-num">INDIVIDUAL</p>
                        </li>

                        <li>
                            <p class="h-data-title">客户续费率</p>
                            <div class="h-data-count">
                                <span class="count4"></span>
                            </div>
                            <p class="h-data-num">%</p>
                        </li>
                    </ul>
                </div>

            </div>

            </div>

        </div>

    </div>

    <div class="index-box h-index-five">

        <div class="container">

            <div class="n-index-box n-news-box">

                <div class="h-news-cont">

                <div class="h-title">

                    <div class="h-title-left">
                        <p class="h-title-en">NEWS INFORMATION</p>
                        <h1>新闻动态</h1>
                    </div>

                    <div class="h-title-right">

                        <div class="h-title-line"></div>

                        <div class="h-title-zline"></div>

                        <div class="h-title-more">
                            <a title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-article-index-navid-46.html">更多新闻 ></a>
                        </div>

                    </div>

                </div>

                <div class="h-news-list">
                    <ul>
					    {Dl:list db="Article" lang="$lang" field="a.id,a.cid,a.miaoshu,a.title,a.image,a.issue" order="a.image DESC,a.create_time asc" limit="1,6" status="1"}
                        <li>
                            <a title="{$vo.title}" href="{:url('Article/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                <div class="h-news-img">
                                    <img alt="{$vo.title}" title="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="h-news-txt">
                                    <h4>{$vo.title}</h4>
                                    <p class="h-news-font">{$vo.miaoshu}</p>
                                    <p class="h-news-more">
                                        <span class="h-news-more-left">详情</span>
                                        <span class="h-news-more-right"></span>
                                    </p>
                                </div>
                            </a>
                        </li>
						{/DL:list}
                    </ul>
                </div>

                <div class="h-more-btn">
                    <a class="more-box" title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-article-index-navid-46.html">查看更多</a>
                </div>

            </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="index-box m-index-one">

        <div class="container">

            <div class="m-box m-one-cont">

                <div class="starter-template">
                    <h1 class="text-center">
                        <span></span>
                        好的排名网站基础很重要
                        <span></span>
                    </h1>

                    <h5>提供专业的企业网站建设解决方案</h5>
                </div>

                <div class="m-one-list">
                    <ul>
                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon01.png">
                                </div>

                                <div class="h-one-txt">视觉设计</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>视觉设计</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon02.png">
                                </div>

                                <div class="h-one-txt">H5网站结构</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>H5网站结构</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon03.png">
                                </div>

                                <div class="h-one-txt">自带高级SEO功能</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>自带高级SEO功能</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon04.png">
                                </div>

                                <div class="h-one-txt">打通自媒体功能</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>打通自媒体功能</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon05.png">
                                </div>

                                <div class="h-one-txt">高质询盘</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>高质询盘</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon06.png">
                                </div>

                                <div class="h-one-txt">空间稳定</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>空间稳定</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon07.png">
                                </div>

                                <div class="h-one-txt">同行价格</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>同行价格</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>

                        <li>
                            <div class="h-one-show">
                                <div class="h-one-img">
                                    <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/one_icon08.png">
                                </div>

                                <div class="h-one-txt">网站源代码</div>
                            </div>

                            <div class="h-one-hide">
                                <h3>网站源代码</h3>
                                <p>
                                    符合国内外用户的审美习惯、重视用户体验，让网站能够牢牢抓住客户
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

    <div class="index-box m-index-two">

        <div class="container">

            <div class="m-box m-two-cont">

                <div class="starter-template">
                    <h1 class="text-center">
                        <span></span>
                        我们可创建的网站类型
                        <span></span>
                    </h1>
                    <h5>微加SAAS云建站平台  可满足90%中小微企业和机构组织的建站需求</h5>
                </div>

                <div class="m-two-list">
                    <ul>
                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon01.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>企业品牌官网</h3>
                                <p>一站适应各种浏览设备和平台</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon02.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>企业官网小程序</h3>
                                <p>坐拥微信流量入口分享</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon03.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>微信公众号门户</h3>
                                <p>更有效地进行粉丝营销</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon04.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>企业品牌商城</h3>
                                <p>打造企业品牌商城</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon05.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>企业移动门户</h3>
                                <p>更符合移动浏览习惯</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon06.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>行业信息门户</h3>
                                <p>行业动态  舆情分析  一网打尽</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon07.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>商会官方互动平台</h3>
                                <p>圈子拓展 会员互动  口碑打造</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-two-img">
                                <img alt="{$data.key ?? $system.keywords.value},{$system.title.value}" src="__TPMPLATE__pc/cms-yuanxiao/images/home/two_icon08.png">
                            </div>

                            <div class="h-two-txt">
                                <h3>协会官方互动平台</h3>
                                <p>资源共享  合作共赢</p>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

    <div class="index-box m-index-three">

        <div class="container">

            <div class="h-box m-three-cont">

                <div class="starter-template">
                    <h1 class="text-center">
                        <span></span>
                        解决方案
                        <span></span>
                    </h1>
                    <h5>专注于移动电商研发，我们懂你真正的需求</h5>
                </div>

                <div class="m-three-list">

                    <div class="m-three-item">
                        <div class="m-three-img">
                            <img src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/three_icon01.jpg">
                        </div>

                        <div class="m-three-txt">
                            <h4>企业建站解决方案</h4>
                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭建四站合一网站（PC站、手机、微信、APP）
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>H5响应式，适配多屏访问网站
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭配营销功能，帮助企业进行全网营销
                            </p>
                        </div>
                    </div>

                    <div class="m-three-item">
                        <div class="m-three-img">
                            <img src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/three_icon02.jpg">
                        </div>

                        <div class="m-three-txt">
                            <h4>企业建站解决方案</h4>
                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭建四站合一网站（PC站、手机、微信、APP）
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>H5响应式，适配多屏访问网站
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭配营销功能，帮助企业进行全网营销
                            </p>
                        </div>
                    </div>

                    <div class="m-three-item">
                        <div class="m-three-img">
                            <img src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/three_icon03.jpg">
                        </div>

                        <div class="m-three-txt">
                            <h4>企业建站解决方案</h4>
                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭建四站合一网站（PC站、手机、微信、APP）
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>H5响应式，适配多屏访问网站
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭配营销功能，帮助企业进行全网营销
                            </p>
                        </div>
                    </div>

                    <div class="m-three-item">
                        <div class="m-three-img">
                            <img src="__TPMPLATE__pc/cms-yuanxiao/images/mobile/home/three_icon04.jpg">
                        </div>

                        <div class="m-three-txt">
                            <h4>企业建站解决方案</h4>
                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭建四站合一网站（PC站、手机、微信、APP）
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>H5响应式，适配多屏访问网站
                            </p>

                            <p>
                                <i class="fa fa-dot-circle-o"></i>搭配营销功能，帮助企业进行全网营销
                            </p>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="index-box m-index-four">

        <div class="container">

            <div class="h-box m-four-cont">

                <div class="starter-template">
                    <h1 class="text-center">
                        <span></span>
                        营销型网站优化优势或者推广优势
                        <span></span>
                    </h1>
                    <h5>专注于网络营销服务，快速提升关键词优化效果，帮助客户品牌曝光和产品营销，实现销售指标的增长！</h5>
                </div>

                <div class="m-adven-list">
                    <ul>
                        <li>
                            <div class="h-adven-img">
                                <i class="fa fa-thumbs-up"></i>
                            </div>

                            <div class="h-adven-txt">
                                <h4>实力保证</h4>
                                <p>官网爱站百度权重4，站长工具百度权重6，已有181个关键词排名首页</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-adven-img">
                                <i class="fa fa-thumb-tack"></i>
                            </div>

                            <div class="h-adven-txt">
                                <h4>专注专业</h4>
                                <p>专注于网站建设与排名优化,只做优化型网站，正规网站推广优化，排名上升速度快</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-adven-img">
                                <i class="fa fa-connectdevelop"></i>
                            </div>

                            <div class="h-adven-txt">
                                <h4>SEO网站优化系统</h4>
                                <p>纯自主独立开发网站推广优化系统，符合三大搜索引擎SEO优化标准</p>
                            </div>
                        </li>

                        <li>
                            <div class="h-adven-img">
                                <i class="fa fa-bar-chart"></i>
                            </div>

                            <div class="h-adven-txt">
                                <h4>关键词快速排名优化</h4>
                                <p>3-15天快速提升网站前五页关键词排名上百度首页，帮助客户增加流量,提高成交量,为您带来更多潜在客户,打造客户品牌影响力，不达标可退款！</p>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

    <div class="index-box m-index-five">

        <div class="container">

            <div class="m-box h-five-cont">

                <div class="starter-template">
                    <h1 class="text-center">
                        <span></span>
                        新闻动态
                        <span></span>
                    </h1>
                    <h5>科学前沿、大咖直播、活动展会,24小时更新不停</h5>
                </div>

                <div class="m-news-list">
                    <ul>
						{Dl:list db="Article" lang="$lang" field="a.id,a.cid,a.miaoshu,a.title,a.image,a.issue" order="a.image DESC,a.create_time asc" limit="1,4" status="1"}
                        <li>
                            <a title="{$vo.title}" href="{:url('Article/detailed',['id'=>$vo.id,'navid'=>$vo.cid],'html',$Request.root.true)}">
                                <div class="h-news-img">
                                    <img alt="{$vo.title}" title="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="h-news-txt">
                                    <h4>{$vo.title}</h4>
                                    <p class="h-news-font">{$vo.miaoshu}</p>
                                    <p class="h-news-more">
                                        <span class="h-news-more-left">详情</span>
                                        <span class="h-news-more-right"></span>
                                    </p>
                                </div>
                            </a>
                        </li>
						{/DL:list}
                    </ul>
                </div>

                <div class="h-more-btn">
                    <a class="more-box" title="{$data.key ?? $system.keywords.value},{$system.title.value}" href="index-article-index-navid-46.html">查看更多</a>
                </div>

            </div>

        </div>

    </div>

</div>

{/block}

{block name="js"}
<script type="text/javascript" src="__TPMPLATE__pc/cms-yuanxiao/js/count.js"></script>
<script type="text/javascript">
    // 数据变化
    $(function () {
        $(".count1").numberRock({
            speed: 70,
            count: 10
        });

        $(".count2").numberRock({
            speed: 80,
            count: 15
        });

        $(".count3").numberRock({
            speed: 90,
            count: 30
        });

        $(".count4").numberRock({
            speed: 100,
            count: 98
        });
    });
</script>
{/block}